<style>
    legend {
        padding-bottom:8px;
        font-size:14px;
        font-weight:600;
        padding-left: 10px;
        padding-right: 15px;
        padding-top: 8px;
        background: #f4f4f4;
        margin-bottom: 4px;
    }
    .tooltip-inner {
        background: #dc233a;
        padding: 8px;
    }
    .tooltip.bottom .tooltip-arrow{
        border-bottom-color: #dc233a;
    }

</style>
<form id="rule-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <legend>
        <i class="fa fa-eye"></i> 单据列表查看权限
    </legend>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2 text-danger"> <b><i class="fa fa-lock"></i> 选择权限</b></label>
        <div class="col-xs-12 col-sm-10 radio">
            <label data-toggle="tooltip" data-placement="bottom" title="所有单据都可以查看" style="margin-right: 12px;">
                <input type="radio" name="view" id="view1" value="1" {if $viewRule == 1}checked="checked"{/if}>
                <span for="view1">所有的</span>
            </label>
            <label data-toggle="tooltip" data-placement="bottom" title="无权限查看他人发起的且本人当前无审批权限的单据" style="margin-right: 12px;">
                <input type="radio" name="view" id="view2" value="2" {if $viewRule == 2}checked="checked"{/if}>
                <span for="view2">本人发起的、当前需审批的</span>
            </label>
            <label data-toggle="tooltip" data-placement="bottom" title="无权限查看与本人无关的单据" style="margin-right: 12px;">
                <input type="radio" name="view" id="view3" value="3" {if $viewRule == 3}checked="checked"{/if}>
                <span for="view3">本人发起的、当前需审批的、参与过审批的</span>
            </label>
        </div>
    </div>
    <legend>
        <i class="fa fa-trash"></i> 单据删除权限
    </legend>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2 text-danger"> <b><i class="fa fa-lock"></i> 选择权限</b></label>
        <div class="col-xs-12 col-sm-10 radio">
            <label data-toggle="tooltip" data-placement="bottom" title="禁止删除流程中、已完成的单据" style="margin-right: 12px;">
                <input type="radio" name="delete" id="delete1" value="1" {if $deleteRule == 1}checked="checked"{/if}>
                <span for="view1">本人未发起审批的</span>
            </label>
            <label data-toggle="tooltip" data-placement="bottom" title="禁止删除已完成的单据，删除流程中的单据将导致该单据流程被强制终止" style="margin-right: 12px;">
                <input type="radio" name="delete" id="delete2" value="2" {if $deleteRule == 2}checked="checked"{/if}>
                <span for="view2">本人未发起审批的、流程中的</span>
            </label>
            <label data-toggle="tooltip" data-placement="bottom" title="禁止删除任何单据" style="margin-right: 12px;">
                <input type="radio" name="delete" id="delete3" value="3" {if $deleteRule == 3}checked="checked"{/if}>
                <span for="view3">不允许</span>
            </label>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
